<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">  
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="css/style.css"/>

</head>



<body class="main_bg">
	<div id="wrapper">
    	<div id="header">
        	<div class="header_top">
            	<div class="main_search">
                	<input type="text" class="placeholder" value="Search..."/>
               	 	<input type="submit" value="" />
                </div>
                <div class="multi_control">
                	<div class="share-facebook">
                    	<a href="#"><img src="images/icon-facebook.png"></a>
                    </div>
                    <div class="language">
                    	<a href="#" id="language">English</a>
                    </div>
                </div>
            </div>
            <div class="logo">
            	<a href="#">
                	<img src="images/logo.png" />
                </a>
            </div>
        </div>
        <div id="contain">
        	<div id="col_left">
            	<div class="menu">
                	<ul>
                    	<li><a href="#">products</a></li>
                        <li><a href="#">news</a></li>
                        <li><a href="#">about us</a></li>
                        <li><a href="#">product care</a></li>
                        <li><a href="#">user product info</a></li>
                        <li><a href="#">your order</a></li>
                        <li><a href="#">contact us</a></li>
                        <li class="separator"></li>
                        <li><a href="#">customer login</a></li>
                        <li><a href="#">wholesaler login</a></li>
                    </ul>
                </div>
                <div class="btn_register">
                	<a href="#"><img src="images/icon-register.png" /></a>
                </div>
                
            </div>
            <div id="col_right">
            	<div class="category">
                	<ul>
                        <li style="background: #7db4a4"><div><div><a href="#">horizon</a></div></div></li>
                        <li style="background: #b17c4a"><div><div><a href="#">delta</a></div></div></li>
                        <li style="background: #f7c043"><div><div><a href="#">diana</a></div></div></li>
                        <li style="background: #9188b2"><div><div><a href="#">fusion</a></div></div></li>
                        <li style="background: #6d9faa"><div><div><a href="#">ROYALMONT</a></div></div></li>
                        <li style="background: #e6b368"><div><div><a href="#">DYNASTY</a></div></div></li>
                        <li style="background: #f5916f"><div><div><a href="#">OVATION</a></div></div></li>
                        <li style="background: #6f998e"><div><div><a href="#">IMPERIAL WHITE</a></div></div></li>
                        <li style="background: #5181b1"><div><div><a href="#">SQUARE</a></div></div></li>
                        <li style="background: #ea88b7"><div><div><a href="#">BOSTONIAN</a></div></div></li>
                        <li style="background: #ad8a97"><div><div><a href="#">SQUARE COUPE</a></div></div></li>
                        <li style="background: #62bac0"><div><div><a href="#">BONE CHINA PROFESSIONAL</a></div></div></li>
                        <li style="background: #ff0033"><div><div><a href="#">Liquidation Sale</a></div></div></li>
					</ul>  
                    <div class="clr"></div>          
                </div> 
            </div>
            <div class="clr"></div>
        </div>
    </div>
</body>
</html>
